@charset "UTF-8";

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

ul {
	padding: 0;	padding-left: 10px;
	margin: 10px 0 0 5px;	
}
ul li {
	margin: 15px 0 15px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
aside ul li {
	padding-right: 15px;
}
#qmenu ul, nav ul, #login ul, #gallery ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
#qmenu ul li, nav ul li, #login ul li, #gallery ul li{
	margin: 0;
}

h3 {
	background: #3F4F42;
	color: #FFFFFF;
	padding: 3px;
	margin: 20px 5px 0 5px;
}

body {
	border: 1px solid black;
	width: 950px; min-height: 550px;
	margin: 0 auto;
	font-size: 12px;
}

header {
	height: 100px;
	background: #E5FFEE;
}

#logo {
	width: 210px; height: 100px;
	background: #6B7571 url('../images/logo.png');
	float: left;
}

#qmenu ul {
	float: right;
	margin-top: 5px;
}
#qmenu ul li{
	float: left;
	margin-right: 10px;
}

#findbox {
	float: left;
	width: 580px;
	margin: 15px 0 10px 45px;
}

header input {
	border: 5px solid #67826D;
	width: 450px;
	margin-right: 10px; padding: 6px;
	font-weight: bold; font-size: 16px;
}

header button {
	width: 80px;
	padding: 6px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	border: 5px outset #67826D;
	background: #67826D;
}
nav {
	background: #3F4F42;
	padding: 15px;
}
nav ul {
	width: 745px;
	margin: 0 auto;
}
nav ul li{
	margin: -15px 10px 0 0; 
	padding: 5px 15px 5px 15px;
	font-weight: bold;
	font-size: 1.25em;
	color: #FFFFFF;
	float: left;
}
nav ul li:last-child {
	margin-right: 0;
}
.navsize {
	width: 755px;
}

aside, section {
	min-height: 550px; float: left;
}

aside {	
	background: #F6FFFA;
	padding-top: 15px;
	width: 210px;
}
section {
	background: #BED4C6;
	padding-top: 15px;
	width: 740px;
}
#login {
	background: #FFFFF6;
	padding: 5px;
}
#login ul {
	height: 22px;
	border-bottom: 1px solid #67826D;
}
#login ul li {
	font-size:0.9em;
	text-align: center;
	margin: 4px; padding: 0;
	float: left;
}
#contents aside div {
	margin-bottom: 35px;
}
aside form span {	
	display: inline-block;
	margin: 10px 15px 5px 15px;
}
aside form input[type="checkbox"] {
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
}
aside form input[type="text"],[type="password"] {
	width: 110px;
	margin: 3px;
	float: left;
}
aside form button {
	width: 75px;
	margin-top: 2px;
	height: 50px;	
}
#notice, #new, #newcoment {
	margin-bottom: 30px;
}
#sbanner {
	margin: 5px;
	text-align: center;
	height: 250px;
	border: 1px dashed #67826D;
}

#sect01 {
	background: #F6FFFA;
	border-radius: 5px;
	margin: 10px; margin-top: 0;
	height: 275px;
}
#sect01 #text {
	width: 400px;
	margin: 5px;
	float: left;
}
#sect01 h1 {
	font-size: 3em;
	margin: 5px;
}
#sect01 p {
	margin: 20px;
	line-height: 2em;
}
#sect01 #img {
	width: 300px; height: 260px;
	margin-top: 5px;
	float: right;
	background: url(../images/spring.png) no-repeat center;
}

.board { margin: 5px; }
section h3 {
	margin: 0;
	padding: 8px 0 8px 5px;
	color: #000000;
}
#newinfo h3 { background: #B0BA98; }

#used h3 { background: #F1FFD0; }
.board div {
	width: 355px;
	float: left;
	margin: 5px;
}
#gallery {
	height: 350px;
	margin: 10px; 
}
.board div, #gallery {
	margin-bottom: 50px;
	background: #FAFFFA;
	border-radius: 10px;
}
#gallery div {
	border: 1px dashed #67826D;
	width: 120px; height: 100px;
	margin: 10px;	
}
#gallery h3 {
	background-color: #414538;
	color: #FFFFFF;
}
#gallery ul {
	padding-left: 5px;
	text-align: center;	
}
#gallery ul li { float: left; }
#pds h3 { background: #606653; }
#qna h3 { background: #858C72; }
#blahblah h3 { background: #D4E0A5; }
#buy h3 { background: #ABC29C; }

footer {
	height: 85px;
	background: #9BADA2;
}
#flogo {
	width: 210px; height: 85px;
	float: left;
	background: #6B7571 url(../images/logo.png) center;

}
#copy {
	float: right;
	text-align: right;
	line-height: 1.5em;
	margin: 45px 10px 0 0;
}
.clearme { clear: both; }

#floatad {
	border: 1px solid red;
	width: 150px; height: 300px;
	background: #d0d0d0;
	position: fixed; top: 5px; left: 1060px;
}
